<template>
  <div class="home">
    <!-- 头部区域 -->
    <TopNav></TopNav>
    <!-- banner轮播图区域 -->
    <Banner></Banner>
    <!-- 功能选项区域 -->
    <IconList></IconList>
    <!-- 发现好歌单区域 -->
    <MusicList></MusicList>

  </div>
</template>

<script setup>
import TopNav from '@/components/topNav.vue'
import Banner from '@/components/Banner.vue'
import IconList from '@/components/iconList.vue'
import MusicList from '@/components/musicList.vue'
import {onMounted, reactive, ref} from 'vue'


</script>

<style lang="less" scoped>
#d1 {
  width: 3.75rem;
  height: 3.75rem;
  background: skyblue;
}

</style>
